<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单标签</title>
</head>
<body>
    <!--
        form 定义表单
        action 提交地址
        method 提交方式 get post patch put delete
    input 输入
    select 下拉框
    textarea 多行文本
    -->
    <form>
        账户：<input type="text"><br>
        密码：<input type="password"><br>
        男<input type="radio" name="gender">
        女<input type="radio" name="gender" checked="checked">

        唱歌<input type="checkbox">
        条<input type="checkbox">
        rap<input type="checkbox" checked="checked">

        <hr>
        头像：<input type="file">
        <!--
            submit 提交后提示表单
        -->
        <input type="submit" value="提示按钮">

        <!--button 普通按钮-->
        <input type="button" value="普通按钮">

        <!--reset 重置按钮-->
        <input type="reset">

        <!--image 图片按钮 src配合-->
        <input type="image" src="image/pijie.webp" width="70">

        <!--select option-->
        <select>
            <option value="1">北疆</option>
            <option value="2">上海</option>
            <option value="3" selected="selected">天津</option>
            <option value="3">重庆</option>
        <!--多行文本 textarea cols rows-->
        <textarea  cols="30" rows="10"></textarea>
        </select>
    </form>
</body>
</html>